/* 4个小盒子 */
.box-1{
    width: 1220px;height: 203px;
    border-radius: 11px 11px 11px 11px;
    /* border: 1px solid red; */
    margin-top: -2px;
    margin-left: auto;margin-right: auto;
    margin-bottom: 29px;
}
.box-1>div{
    width: 25%;
    height: 100%;
    text-align: center;
    float: left;
    position: relative;
}
.box-1>div:not(:last-child):after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    border-right: 1px solid #ECECEC; /* 不同浏览器好像线颜色不同  */
    top: 0%;right: 0;
}

.box-2{
    height: 370px;
    border-radius: 0 0 11px 11px;
    /* border: 1px solid red; */
    margin-top: -2px;
    margin-left: auto;margin-right: auto;
    margin-bottom: 20px;
    background-color: white;
    clear: both;
}
.box-2>div{
    width: 25%;
    height: 100%;
    text-align: center;
    float: left;
    position: relative;
}

.box-2>div h2{
    font-size: 16px;
    font-weight: normal;
    margin:0px;
    padding:0px;
    text-align: left;
    margin-left: 24px;
    margin-top: 20px;
}
.box-2>div p{
    font-size: 12px;
    color: #B2B2B2;
    line-height: 20px;
    text-align: left;
    margin-left: 31px;
    word-spacing: 4px;/*单词间距 one two */
    margin-top: 20px;
}
.box-2>div img{
    margin-top: 20px;
    border-radius: 11px;
}
.box-2>div a{
    text-decoration: none;
    float: left;
    margin-left: 31px;
    margin-top: 20px;
    font-size: 12px;
    color: #5079D9;
}
.box-2>div:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
.box-2>div:not(:last-child):after{
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 100%;
    border-right: 1px solid #ECECEC; /* 不同浏览器好像线颜色不同  */
    top: 0%;right: 0;
}
.xiaoming{
    border-radius: 17px 0 0 17px;
    background: url("../images/4-1.jpg") no-repeat center center;
}
.xiaoming:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
.chicken{
    background: url("../images/4-2.jpg") no-repeat center center;
}
.chicken:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
.phone{
    background: url("../images/4-3.jpg") no-repeat center center;
}
.phone:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
.pc{
    border-radius: 0 17px 17px 0;
    background: url("../images/4-4.jpg") no-repeat center center;
}
.pc:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}

.m1{
    border-radius: 0 0 0 17px;
    background: url("../images/8-1.jpg") no-repeat center center;
}
.m1:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
.m2{
    background: url("../images/8-2.jpg") no-repeat center center;
}
.m2:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
.m3{
    background: url("../images/8-3.jpg") no-repeat center center;
}
.m3:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
.m4{
    border-radius: 0 0 17px 0;
    background: url("../images/8-4.jpg") no-repeat center center;
}
.m4:hover{
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .24) inset ;
}
